@charset "utf-8";

.pc_view{
    display: block;
}

.mb_view{
    display: none;
}

.header {width: 100%;box-sizing: border-box;text-align: center;margin: 0 auto;background-color: #fff;z-index: 999;}

.header .main-w {height: 100%;}

.tophelp {display: none;}

.logo {display: inline-block;}

.logo img {display: block;max-height: 5vw;max-width: 18vw;position: absolute;top: 50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);left: 0;}

.nav_xl_a {position: relative;cursor: pointer;z-index: 999;display: none;width: 50px;height: 50px;float: right;}

.nav_xl_a span {position: absolute;opacity: 1;left: 0;top: 50%;margin-left: 0;width: 100%;height: 3px;background: #C30D23;}

.nav_xl_a:before,
.nav_xl_a:after {position: absolute;content: '';left: 0%;top: 50%;margin-left: 0;width: 100%;height: 3px;background: #C30D23;transition: .4s all ease;}

.nav_xl_a:before {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}

.nav_xl_a:after {-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);}

.a1:before {-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);}

.a1:after {-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);}

.a1 span {display: none;}

.MenuList_f1 {z-index: 11;float: right;text-align: left;}

.MenuList_f1 .menu {font-size: 0;text-align: center;}

.MenuList_f1 .menu li h3 {font-weight: normal;}

.MenuList_f1 .menu li {display: inline-block;margin-left: 2vw;border-bottom: 2px solid transparent;color: #20252B;}

.MenuList_f1 .menu li a {display: block;padding: 1vw 0.4vw;position: relative;}

.MenuList_f1 .menu li a span {font-size: 16px;line-height: 2em;display: block;overflow: hidden;position: relative;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;}

.MenuList_f1 .menu .on {border-color: #C30D23;color: #C30D23;}

.MenuList_f1 .child {display: none;}

.MenuList_f1 .menu .lang {border: none;position: relative;}

.MenuList_f1 .menu .lang a span {color: #20252B;display: block;height: 2.3em;line-height: 2.3em;font-size: 14px;padding: 0 1em;/* background: #C9A052; */}

.MenuList_f1 .menu .lang::after{
    content: '';
    width: 1px;
    height: 30px;
    position: absolute;
    top: 1.2vw;
    left: 0;
    background: #E9E9E9;
}

.footer {box-sizing: border-box;background: #F3F3F3;padding-top: 3.5vw;border-top: 5px solid #D33934;}

.footer .top{
    padding-bottom: 55px;
    border-bottom: 1px solid #E3E3E3;
}

.footer .fl {width: 134px;text-align: left;margin-right: 130px;}

.footer .fr {width: 111px;}

.footer .slogo {text-align: left;}

.footer .slogo img {max-width: 14vw;}

.footer .fl p {margin-top: 12px;line-height: 1.5;}

.footer .ewm {width: 120px;margin-left: 5.2vw;}

.footer .txt {width: 365px;max-width: 100%;margin-left: 1vw;}

.footer .ewm img {display: block;width: 100%;}

.footer .link li {display: inline-block;margin: 0 0.5em 2px 0.5em;}

.footer .link {margin-top: 3.59375vw;}

.footer .copyright {text-align: center;box-sizing: border-box;padding: 38px 0 33px;/* background: #C9A052; */color: #7D7D7D;font-size: 12px;}

/* .copyright.mt-20.mt-m40 {} */

.footer .copyright p,
.copyright a {display: inline-block;}

.footer .mid .p_nav>li {display: inline-block;margin-right: 3.8vw;vertical-align: top;}

.footer .mid .p_nav>li>a{color: #333;font-size: 18px;font-weight: bold;margin-bottom: 26px;display: block;line-height: 1;}

.footer .mid li:last-child {margin: 0;}
.footer .p_nav > li:nth-last-of-type(1){width: 24%;}

.footer .mid .p_nav>li .c_nav li{
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
}

.footer .mid .p_nav>li .c_nav li a{
    font-size: 14px;
    font-weight: 400;
    color: #333333;
}

.ftabout {margin-top: 1.2vw;}

.ftaboutitem {float: left;box-sizing: border-box;width: 25.7vw;min-height: 6.3vw;border: 1px solid #626262;display: flex;justify-content: center;align-items: center;}

.ftaboutitem:last-child {float: right;}

.ftaboutitem:first-child {margin-right: 0.5vw;}

.iconbox {width: 43px;height: 43px;display: inline-block;margin-right: 1vw;background: url(../images/call.png);background-size: 100% 100%;}

.iconm {width: 280px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.tbox {display: inline-block;text-align: left;}

.emci {background-image: url(../images/fox.png);}

.addci {background-image: url(../images/add.png);}

@media screen and (max-width: 1440px){
    .footer .fl{
        margin-right: 60px;
    }
    .footer .mid .p_nav>li{
        margin-right: 3vw;
    }
}

@media screen and (min-width: 1250px) {
    .MenuList_f1 .menu .lang {border: none;margin-left: 1vw;}
    .tophelp {display: inline-block;position: absolute;right: 8vw;top: 50%;margin-top: -13px;display: none;}
    .tophelp span {color: #C9A052;}
    .MenuList_f1 .menu li:hover {border-color: #C30D23;color: #C30D23;}
    .MenuList_f1 .menu .lang:hover span {border-color: #4b4b4b;color: #333;}
    /* .footer .fl{
        margin-right: 30px;
    }
    .footer .mid .p_nav>li{
        margin-right: 2vw;
    } */
}

@media screen and (max-width: 1250px) {
    .MenuList_f1 .menu li {margin: 0;}
    .MenuList_f1 .menu li a span {font-size: 14px;}
    .footer .fl{
        margin-right: 30px;
    }
    .footer .mid .p_nav>li{
        margin-right: 2vw;
    }
}

@media screen and (max-width: 1125px) {.main-w {    width: 90%;}.ftaboutitem {display: none;}
	body {padding-top: 80px;}
	.logo img {max-height: 60px;max-width: 40vw;}
	.header {position: fixed;width: 100%;top: 0;left: 0;z-index: 99;height: 80px;box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);}
	.nav_xl_a {margin-top: 15px;display: block;}
	.lag:before {display: none;}
	.stiky .MenuList_f1 {display: block;}
	.MenuList_f1 {display: none;width: 100%;position: fixed;right: 0;top: 80px;background: #fff;color: #ccc;padding: 30px 0;}
    .MenuList_f1 .menu .lang::after{display: none;}
	.MenuList_f1 .menu li {width: 100%;text-align: center;margin-left: 0;border: none;}
	.MenuList_f1 .menu li a span {font-size: 18px;width: auto;padding: 5px 0;}
	.MenuList_f1 .menu li a{padding: 0;}
	.MenuList_f1 .menu li a b {display: none;width: auto;}
	.MenuList_f1 .menu .on {border: none;}
	.MenuList_f1 .menu .lang {border: none;width: auto;margin-top: 10px;}
	.MenuList_f1 .menu .lang a span {border: none;padding: 0 2em;}
	.copyright {line-height: 1.5;}
	.footer {padding-top: 60px;}
	.footer .slogo {display: none;}
	.footer .mid {display: none;}
	.footer .txt {float: left;}
	.footer .ewm {float: right;}
}

@media screen and (max-width: 640px) {
    .pc_view{
        display: none;
    }
    .mb_view{
        display: block;
    }
	body {padding-top: 14vw;}
	.header {height: 14vw;box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);}
	.MenuList_f1 {top: 14vw;padding: 6vw 0;}
	.MenuList_f1 .menu li a {padding: 0;}
	.MenuList_f1 .menu li a span {font-size: 4.2vw;padding: 1vw 0;line-height: 1.8;}
	.nav_xl_a {width: 12vw;height: 14vw;margin-top: 0;}
	.nav_xl_a:before,.nav_xl_a:after,.nav_xl_a span {width: 100%;}
	.logo img {max-height: 10vw;max-width: 31vw;}
	.footer {padding-top: 0vw;}
	.footer .fr {float: none;}
	.footer .ewm {margin: 0 auto;float: none;}
	.support {float: none;}
	.top,.link {display: none;}
}